<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title><%= htmlWebpackPlugin.options.title %></title>
    <!-- 第四步:新方法动态引入CDN外链
      模板引擎的语法: ejs 和  artTemplate (在没有vue之前的产物)
      可以直接在html文件的标签里,注入js代码
      后来有了vue,vue也有直接的模板语法(指令,插值语法等)
      模板都会被代码翻译成原生的标签,让浏览器识别
    -->
    <!-- 引入样式 -->
    <% for(var css of htmlWebpackPlugin.options.cdn.css){ %>
    <link rel="stylesheet" href="<%=css%>" />
    <% } %>
    <!-- 引入JS -->
    <% for(var js of htmlWebpackPlugin.options.cdn.js){ %>
    <script src="<%=js%>"></script>
    <% } %>

    <!-- 引入外部CDN的css文件(这种方式生产环境会出问题) -->
    <!-- <link
      rel="stylesheet"
      href="https://unpkg.com/element-ui@2.15.14/lib/theme-chalk/index.css"
    />
    <link
      rel="stylesheet"
      href="https://unpkg.com/quill@1.3.7/dist/quill.core.css"
    />
    <link
      rel="stylesheet"
      href="https://unpkg.com/quill@1.3.7/dist/quill.snow.css"
    />
    <link
      rel="stylesheet"
      href="https://unpkg.com/quill@1.3.7/dist/quill.bubble.css"
    /> -->
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
        properly without JavaScript enabled. Please enable it to
        continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <!-- 引入外部CDN的js文件(这种方式生产环境会出问题) -->
    <!-- <script src="https://unpkg.com/echarts@5.4.3/dist/echarts.min.js"></scrip>
    <script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></>
    <script src="https://unpkg.com/vue-router@3.5.1/dist/vue-router.js"></script>
    <script src="https://unpkg.com/vuex@3.6.2/dist/vuex.js"></script>
    <script src="https://unpkg.com/axios@1.5.0/dist/axios.min.js"></script>
    <script src="https://unpkg.com/dayjs@1.11.10/dayjs.min.js"></script>
    <script src="https://unpkg.com/element-ui@2.15.14/lib/index.js"></script>
    <script src="https://unpkg.com/quill@1.3.7/dist/quill.js"></script>
    <script src="https://unpkg.com/vue-quill-editor@3.0.6/dist/vue-quill-editor.js"></script>
    <script src="https://unpkg.com/vuex-persistedstate@3.2.1/dist/vuex-persistedstate.umd.js"></script> -->
  </body>
</html>
